import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

export default new Vuex.Store({
  //数据路由状态--数据仓库用于存储数据
  state: {

    counts: 0,
    userinfo: {}
  },
  getters: {

  },
  //用于修改数据仓库数据更改的连接器
  mutations: {
    //具体方法进行修改
    //注意：方法需要通过组建中的 commit()方法 来触发执行
    adds(state) {
      // 变更状态
      state.counts++
    },
    userchange(state, userinfo) {
      //事件触发 先将数据存到浏览器本地缓存 然后再将数据写入仓库
      localStorage.setItem('userinfo', JSON.stringify(userinfo)) 
      state.userinfo = JSON.parse(localStorage.getItem('userinfo'))
    }
  },
  actions: {

  },
  modules: {

  }
})
